<template>
  <div class="develop-box">
    <div class="develop-main">
      <develop-header />
      <develop-entry />
      <develop-data />
      <develop-log />
    </div>
  </div>
</template>

<script>
  import { defineComponent, reactive, toRefs, onMounted } from 'vue';
  import DevelopHeader from '@/views/board-develop/components/develop-header.vue';
  import DevelopEntry from '@/views/board-develop/components/develop-entry.vue';
  import DevelopData from '@/views/board-develop/components/develop-data.vue';
  import DevelopLog from '@/views/board-develop/components/develop-log.vue';
  import '@/views/board-develop/css/index.less';
  export default defineComponent({
    name: 'BoardDevelop',
    components: {
      DevelopHeader,
      DevelopEntry,
      DevelopData,
      DevelopLog,
    },
    setup() {
      const data = reactive({});
      onMounted(() => {});
      return {
        ...toRefs(data),
      };
    },
  });
</script>
<style scoped lang="less">
  .develop-box {
    width: 100%;
    height: 100%;
    overflow: auto !important;
    background-color: #f0f2f5;
    .develop-main {
      width: 1250px;
      margin: 0 auto;
      padding: 20px 0;
    }
  }
</style>
